14 февраля
Ну поскольку у нас дистант... Мы будем работать в из дома:3
И поскольку я не могу ходить по кругу как делаю это обычно вы самостоятельно:
1. переписываете код
2. добавляете кому всю это хотите отправить
3. говорите себе что вы молодец
4. идете отдыхать
<![CDATA[ <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Падающие валентинки</title>
<style>
body {
margin: 0;
padding: 0;
overflow: hidden;
background-image: url("ССЫЛКА НА ФОН ЯНДЕКС");
background-size: cover;
}
.valentine {
position: absolute;
font-family: Arial, sans-serif;
pointer-events: none;
}
</style>
</head>
<body>
<script>
function createValentine() {
const valentine = document.createElement('div');
valentine.classList.add('valentine');
valentine.innerHTML = `<CENTER>
<img src="ССЫЛКА НА КАРТИНКУ ИЗ ЯНДЕКСА" alt="Valentine" width="300">
<div style="text-align: center;">КОМУ И ОТ КОГО ВАЛЕНТИНКА</div></CENTER>
`;
document.body.appendChild(valentine);
const xPos = Math.random() * window.innerWidth;
const speed = Math.random() * 4 + 1;
valentine.style.left = `${xPos}px`;
function fall() {
const yPos = valentine.offsetTop;
if (yPos < window.innerHeight) {
valentine.style.top = `${yPos + speed}px`;
requestAnimationFrame(fall);
} else {
valentine.remove();
}
}
fall();
}
setInterval(createValentine, 1000);
</script>
</body>
</html>
]]>Eсли возникают вопросы, заходите на страницу инфо-сообщение в телеграмм, и задаете вопрос (если мы все поленимся заходить в дискорд или зуум)
Задание
Создайте новый файл и перепишите
Ничего сложного
↑
+
-
=